<!DOCTYPE html>
<html>
<head>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    {% include 'template/baseCss.volt' %}
    <link rel="stylesheet" type="text/css" href="/css/vendor/page-control.css">
    <link href="/css/vendor/common-grid.less" rel="stylesheet/less" type="text/css">
    <link href="/css/vendor/drone-filter.less" rel="stylesheet/less" type="text/css">
    <script src="/js/less.min.js"></script>
</head>

<body>

<main>

    <div class="filter-wrap">
        <div class="title-bar">
            <label>过滤器</label>
            <img class="filter-toggle-icon button rotate-180" onClick="droneFilter.clickFilterToggle(this)">
        </div>

        <div id="drone-filter">
            <div class="container">
                <div class="row clearfix">
                    {% block filter %}{% endblock %}
                </div>
            </div>
        </div>
    </div>


    <div id="data-wrap">
        {#标题项目#}
        <div class="table-title-wrap">
            <table id="table-header" class="title" cellpadding="0" cellspacing="0" border="1" bordercolor="#d8d8d8">
            </table>
        </div>

        <div class="table-data-wrap">
            <table class="data" id="mytable" cellpadding="0" cellspacing="0" border="1" bordercolor="#d8d8d8">
            </table>
        </div>

        <!-- 如果要隐藏就class加 hidden即可 -->


        <div class="multi-del-wrap {% block hiddenOperation %}{% endblock %}">
            <input type="checkbox" id="select-all-element" class="{% block hiddenCheckAll %}{% endblock %}"><label
                    for="select-all-element" class="button">所有元素
                (
                <span id="data_count_total">0</span>
                )</label>
            <div id="multi-delete" onclick="PageDataProxy.batchDelete()"
                 class="button {% block hiddenDeleteAll %}{% endblock %}">
                <img class="multi-del-icon">删除
            </div>
        </div>

        <div class="rows-perpage-wrap">
            <select id="rows-perpage-select">
                <option value="15">15</option>
                <option value="25" selected>25</option>
                <option value="50">50</option>
                <option value="100">100</option>
                <option value="150">150</option>
                <option value="200">200</option>
            </select>
            <label>每页显示条数</label>
        </div>
    </div>
</main>
<div style="display: none">
    {% block hiddenContent %}{% endblock %}
</div>
</body>

{% include 'template/baseJs.volt' %}
<script src="/js/vendor/page-control.js"></script>
<script type="text/javascript" src="/js/jquery.qrcode.min.js"></script>
<script src="/js/vendor/drone-filter.js"></script>
<script src="/js/vendor/data-loading.js"></script>
<script>
    $(function () {
        DataAttrBinder.init();
        //监听绑定事件

        document.onkeydown = function (event) {
            var e = event || window.event;
            if (e && e.keyCode == 13) { //回车键的键值为13
               PageDataProxy.refresh();
            }
        };
    })

</script>
{% block jscontent %}{% endblock %}
</html>






